<template>
  <div class="albumlist">
    <!-- 专辑上部 创建者部分 -->
    <artistInfo @getSongerDetailInfo="pushSongerDetailPage"></artistInfo>

    <!-- 专辑下部 音乐列表部分 -->
    <albumList></albumList>
  </div>
</template>

<script>
import albumList from './albumlisttemplate/albumlist.vue'
import artistInfo from './albumlisttemplate/artistdetail.vue'

export default {
  components: { albumList, artistInfo },

  data() {
    return {}
  },

  created() {},
  methods: {
    /**
     * 以下为子传父处理函数
     */

    // 接收传递过来的歌手id和跳转到歌手详情页面的路径
    pushSongerDetailPage(data) {
      this.$emit('getSongerDetailInfo', data)
    },
  },
}
</script>


<style lang="less" scoped>
.albumlist {
  display: flex;
  flex-direction: column;
  overflow: auto;
}
</style>